<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
		<!-- Google Chrome Frame也可以让IE用上Chrome的引擎: -->
		<meta name="renderer" content="webkit">
		<!--国产浏览器高速模式-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>穷在闹市出品</title>

		<!-- 公共样式 开始 -->
		<link rel="stylesheet" type="text/css" href="../../css/base.css">
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css">
		<script type="text/javascript" src="../../framework/jquery-1.11.3.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../../layui/css/layui.css">
		<script type="text/javascript" src="../../layui/layui.js"></script>
		<!-- 滚动条插件 -->
		<link rel="stylesheet" type="text/css" href="../../css/jquery.mCustomScrollbar.css">
		<script src="../../framework/jquery-ui-1.10.4.min.js"></script>
		<script src="../../framework/jquery.mousewheel.min.js"></script>
		<script src="../../framework/jquery.mCustomScrollbar.min.js"></script>
		<script src="../../framework/cframe.js"></script><!-- 仅供所有子页面使用 -->
		<!-- 公共样式 结束 -->
	</head>

	<body>
<!--		<fieldset class="layui-elem-field layui-field-title site-demo-button" style="margin-top: 30px;">-->
<!--		  <legend>已过期作业</legend>-->
<!--		</fieldset>-->
			<table class="layui-hide" id="test" lay-filter="test"></table>
			<script src="../../layui/layui.js" charset="utf-8"></script>
			<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
	
			<script>
				layui.use('table', function() {
					var table = layui.table;

					table.render({
						elem: '#test',
						height: "full-100",
						method: "get",
						request: {
							pageName: 'pageNo',//页码的参数名称，默认：page
							limitName: 'pageSize' //每页数据量的参数名，默认：limit
						},
						where: {
							action: "overduePage",
						},
						url: '/HwServlet.do',
						page: true, //开启分页
						limits: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],
						cellMinWidth: 100,
						cols: [[
							{title: '序号', type: 'numbers'},
							{field: 'title', title: '标题', templet: '#download'},
							{field: 'describe', title: '内容'},
							{field: 'teacherName', title: '老师名称'},
							{field: 'endTime', title: '结束时间', sort: true}
						]],
					});
	
					//监听行单击事件（双击事件为：rowDouble）
					table.on('row(test)', function(obj) {
						var data = obj.data;
	
						layer.alert(JSON.stringify(data), {
							title: '当前行数据：'
						});
						  //标注选中样式
						obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
					});
	
				});
			</script>
	
	</body>

</html>
